@font-face {
	font-family: 'YouShe';
	font-weight: 700;
	src: url('/@/assets/font/YouSheBiaoTiHei.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'ShuHeiTi';
	font-weight: 700;
	src: url('//at.alicdn.com/wf/webfont/1DiX2AIUCRpo/kmc8rnHAGymt.woff2') format('woff2'),
		url('//at.alicdn.com/wf/webfont/1DiX2AIUCRpo/J0LLFS8Wllww.woff') format('woff');
	font-display: swap;
}

.btn1 {
	color: #e6fff3;
	background: linear-gradient(84deg, #48d0b9 0%, #0b92ab 100%);
	border-radius: 3px;
	padding: 7px 20px;
	font-size: 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 24px;
	border: 1px solid #0f2c6a;
}
.btn2 {
	color: #e7efff;
	background: linear-gradient(84deg, #499afd 0%, #0e45b6 100%);
	border-radius: 3px;
	padding: 7px 20px;
	font-size: 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 24px;
	border: 1px solid #0f2c6a;
}
.btn3 {
	color: #e7efff;
	background: transparent;
	border-radius: 3px;
	padding: 7px 20px;
	font-size: 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 24px;
	border: 1px solid #3d8cf1;
}
.no-data {
	height: 300px;
	width: 300px;
	margin: auto;
}
.energy-table {
	.el-table {
		--el-table-border-color: #30539b !important;
		// --el-table-row-hover-bg-color: transparent;
		--el-table-text-color: #d7e4ff;
		// --el-bg-color:#30539b;
		.el-table__row {
			background: #0f2c6a;
			.el-table__cell {
				background: #0f2c6a;
			}
		}

		.el-table__row:hover {
			// background: #1e4897 !important;
			background: linear-gradient(to right, rgba(#0f2c6a, 1) 0%, rgba(#3b61b1, 1) 50%, rgba(#0f2c6a, 1) 100%) !important;
			.el-table__cell {
				background: transparent;
				// overflow: hidden;
				// background: #1e4897;
				// background: linear-gradient(to right, rgba(#0f2c6a, 1) 0%, rgba(#3b61b1, 1) 50%, rgba(#0f2c6a, 1) 100%) !important;
			}
		}
		.el-table__body-wrapper tr td.el-table-fixed-column--right {
			background: #0f2c6a !important;
		}
		.el-table__row.current-row {
			background: linear-gradient(to right, rgba(#0f2c6a, 1) 0%, rgba(#3b61b1, 1) 50%, rgba(#0f2c6a, 1) 100%) !important;

			.el-table__cell {
				background: #1e4897;
				// background: transparent;
			}
		}
	}

	.el-table__empty-block {
		background-color: #0f2c6a;

		.el-table__empty-text {
			color: #d7e4ff;
		}
	}

	.el-switch .el-switch__core {
		border-color: #244b9e;
		background-color: #244b9e;
		color: #a9bde6;

		.el-switch__action {
			background: #a9bde6;
		}

		.is-text {
			color: #a9bde6;
		}
	}
	.el-switch.is-checked .el-switch__core {
		border-color: #3e94fd;
		background-color: #3e94fd;

		.el-switch__action {
			background: #e0e3e8;
		}

		.is-text {
			color: #e0e3e8;
		}
	}
}

.current-page {
	.el-input {
		--el-input-text-color: #ffffff;
		--el-input-border-color: #6090f8;
		--el-input-bg-color: #284fa1;
		--el-input-icon-color: #84b6ff;
		--el-input-placeholder-color: #84b6ff;
		--el-input-hover-border-color: #ffffff;
		--el-input-focus-border-color: ##ffffff;
	}
	.el-pager li {
		background: #1b4396 !important;
		color: #588af1 !important;
	}

	.el-pager li.is-active {
		background: #2f74dd !important;
		color: #ffffff !important;
	}

	.el-pagination__total {
		color: #98b3ea;
	}
	.el-pagination__goto {
		color: #98b3ea;
	}

	.el-pagination__classifier {
		color: #98b3ea;
	}

	.el-pagination button {
		background: #1b4396 !important;
		color: #ffffff !important;
	}

	.el-input__inner {
		font-size: 14px;
	}
}
.el-popper.is-light {
	--el-bg-color-overlay: #284fa1;
	--el-border-color-light: #6090f8;
	--el-fill-color-light: #6090f8;
	--el-text-color-regular: #84b6ff;
	--el-font-size-base: 14px;
}
.el-select-dropdown__item.selected {
	--el-color-primary: #fff;
}
.el-cascader-panel {
	--el-cascader-menu-selected-text-color: #fff;
}

.energy-from {
	.el-textarea {
		--el-font-size-base: 14px;
	}
	.el-radio-button__inner {
		--el-font-size-base: 14px;
	}
	.el-radio-button__original-radio:checked + .el-radio-button__inner {
		background-color: #6090f8;
		border-color: #6090f8;
	}
	.el-radio-button {
		background-color: #0e45b6;
	}
	.el-form-item__label {
		color: #98b3ea;
		height: 42px;
		line-height: 42px;
	}
	.el-date-editor .el-range-input {
		font-size: 14px;
	}

	.el-input {
		--el-input-text-color: #ffffff;
		--el-input-border-color: #6090f8;
		--el-input-bg-color: #284fa1;
		--el-input-icon-color: #84b6ff;
		--el-input-placeholder-color: #84b6ff;
		--el-input-hover-border-color: #ffffff;
		--el-input-focus-border-color: #ffffff;
		font-size: 14px;
		.el-input__count .el-input__count-inner {
			background: #284fa1;
			color: #84b6ff;
		}
	}
	.is-disabled {
		.el-input__wrapper {
			background-color: #284fa1;
			box-shadow: 0 0 0 1px #6090f8 inset;
		}
	}
	.el-input__wrapper {
		height: 42px;
	}
	.el-input-group__append,
	.el-input-group__prepend {
		background-color: #144ab5;
		color: #d7e4ff;
	}

	.el-date-editor {
		--el-input-bg-color: #284fa1;
		--el-input-text-color: #ffffff !important;
		--el-input-border-color: #6090f8;
		--el-input-placeholder-color: #84b6ff;
	}
	.el-date-editor .el-range-input {
		color: #ffffff;
	}
	.el-date-editor .el-range-separator {
		color: #84b6ff;
	}
	.el-date-editor .el-range-input::placeholder {
		color: #84b6ff;
	}

	.el-icon {
		color: #d7e4ff;
	}
	.el-input-number__decrease,
	.el-input-number__increase {
		background-color: #144ab5;
		color: #fff;
	}

	.el-switch .el-switch__core {
		border-color: #244b9e;
		background-color: #244b9e;

		.el-switch__action {
			background: #a9bde6;
		}
	}
	.el-switch.is-checked {
		.el-switch__core {
			border-color: #3e94fd;
			background-color: #3e94fd;
			.el-switch__action {
				background: #e0e3e8;
			}
		}
	}
	.el-switch__label {
		color: #98b3ea;
	}
	.el-switch__label.is-active {
		color: var(--el-color-primary);
	}

	.el-radio {
		--el-radio-text-color: #98b3ea;
	}

	.el-textarea {
		--el-input-border-color: #6090f8;
		--el-input-bg-color: #284fa1;
		--el-input-focus-border-color: #ffffff;
		--el-input-text-color: #ffffff;
		--el-input-placeholder-color: #84b6ff;
	}
	.el-textarea.is-disabled .el-textarea__inner {
		background-color: #284fa1;
		box-shadow: 0 0 0 1px #6090f8 inset;
	}
	.el-select__tags .el-tag--info {
		background-color: #6090f8;
	}
	.el-tag.el-tag--info {
		--el-tag-text-color: #ffffff;
	}

	.el-divider--horizontal {
		border-top: 1px #6090f8 var(--el-border-style);
		.el-divider__text {
			background-color: #284fa1;
			color: #a2c0fc;
		}
	}
}

.energy-dialog {
	.el-dialog__body {
		background: #163575;
	}

	.el-dialog__header {
		margin-right: 0 !important;
		width: 100%;
		background: linear-gradient(84deg, #499afd 0%, #0e45b6 100%) !important;
		padding-top: 20px;
		padding-bottom: 20px;
		display: flex;
		justify-content: center;
		border-radius: 6px 6px 0 0;
	}

	.el-dialog {
		border-radius: 6px;
	}

	.el-dialog__title {
		color: #ffffff !important;
	}
}

// tab栏
.energy-tabs {
	.el-tabs__nav-wrap::after {
		--el-border-color-light: #32508d;
	}
	.el-tabs__item {
		color: #98b3ea;
		--el-font-size-base: 16px;
		&:hover {
			color: var(--el-color-primary);
		}
	}
	.is-active {
		color: var(--el-color-primary);
	}
}

// 空状态
.energy-empty {
	.el-empty__description p {
		color: #98b3ea;
	}
}

// 树形
.energy-tree {
	.el-tree {
		background: transparent;
		--el-tree-node-content-height: 26px;
		--el-tree-node-hover-bg-color: transparent !important;
		--el-tree-text-color: #d7e4ff;
		--el-tree-expand-icon-color: #d7e4ff;

		.el-tree-node__content:hover {
			background: linear-gradient(88deg, #499afd 0%, #0e45b6 100%) !important;
		}

		.el-icon {
			color: var(--color) !important;
		}

		.el-checkbox__input.is-checked .el-checkbox__inner {
			&::after {
				border-color: #275ecd;
			}
		}
	}

	.is-current {
		background: linear-gradient(88deg, #499afd 0%, #0e45b6 100%) !important;
	}
}

// tag
.energy-tag1 {
	.el-tag {
		background-color: #244b9e;
		border-color: #244b9e;
		color: #d7e4ff;
	}
}
.energy-tag2 {
	.el-tag {
		background-color: rgba(48, 156, 116, 0.7);
		border-color: rgba(48, 156, 116, 0.7);
		color: #d7e4ff;
	}
}
